#{extends 'main.html' /}
#{set title:'MyNewEv' /}

#{if user}
<div id='cssmenu'>
<ul>
   <li><a href='/home'><span>Home</span></a></li>
   <li class='active'><a href='/category'><span>Create event</span></a></li>
   <li><a href='/myevents'><span>My events</span></a></li>
   <li><a href='/registeredevents'><span>Registered events</span></a></li>
</ul>
</div>
#{/if}
		<br/>
		<center>
		<nav-header>
			<a href="/trips"> Trips </a>
			<a href="/sports"> Sport </a>
			<a href="/culture"> Culture </a>
			<a href="/entertainment"> Entertainment </a>
			<a href="/night_life"> Night life </a>
			<a href="/learning"> Learning </a>
		</nav-header>
		</center>
		<div class="container">
			<!--<div id="adds">adds
			</div>-->

<h2>Choose a category:</h2>

<div class="demo">
   <div class="accordion" data-url="@{EventManager.categories('')}">
      <h4><a href="#">Trips</a></h4>
      <h4><a href="#">Sport</a></h4>
      <h4><a href="#">Culture</a></h4>
      <h4><a href="#">Entertainment</a></h4>
      <h4><a href="#">NightLife</a></h4>
      <h4><a href="#">Learning</a></h4>
   </div>
</div>

</div>
